<template>
<div class='header-wrap'>
    <!-- 北京市领导驾驶舱—规划和自然资源版块 -->
    <div class="title"><span>规划和自然资源委年度拆违任务动态监测专题</span></div>
    <div class="subtitle">
        {{menuTitle}}
        <span>
            {{navGuideName}}
            <cite v-if="menuName">></cite>
            {{menuName}}
        </span>
    </div>
    <div class="formation">
        <div class="dataSource">数据来源：
            <span v-if="menuName=='用地腾退'||menuName=='违建拆除'">市规划和自然资源委</span>
            <span v-if="menuName=='人口疏解'">互联网LBS数据</span>
            <span v-if="menuName=='产业提质'">工商注册数据</span>
            <span v-if="navGuideName=='图斑详情'">市规划和自然资源委</span>
        </div>
        <div class="updateTime">更新时间：2020.1</div>
    </div>

    <div class="user">
        <li style="font-size:15px;color:#fff;margin-left:10px;cursor:pointer" @click="goback" v-if="$route.path == '/spotsdetail'">>>>返回上一页</li>
    </div>

    <div id="sub"></div>
    <div id="trapezium"></div>
    <div id="top"></div>

</div>
</template>

<script>

export default {
  components: {},
  props: ['menuTitle', 'navGuideName', 'menuName'],
  data () {
    return {

    }
  },
  computed: {
    curRegionCode () {
      return this.$store.getters.curRegionCode
    },
    curRegionLevel () {
      return this.$store.getters.curRegionLevel
    }
  },
  watch: {},
  methods: {
    goback () {
      // debugger
      // console.log(this.$store.getters.curRegionLevel)
      // console.log(this.$store.getters.isReturn)
      this.$store.dispatch('changeregionlevel', '3')
      // this.$store.dispatch('changereturnstate',true)
      this.$router.go(-1)
    }
  }
}
</script>
<style lang='stylus' scoped>
.header-wrap
    width 100%
    height 100%
    display flex

    div
        white-space nowrap
        flex 1
    div:nth-child(2)
        text-align center

    div.title
        // font-size 37px
        font-weight 800
        z-index 20
        span
            padding-left 30px

    .subtitle
        // font-size 24px
        font-weight bold
        z-index 20
        // line-height 67px

        span
            font-weight normal
            display inline-block
            margin-left 10px
            font-size 18px
            color #aaa
    .formation
        z-index 20
        display flex
        position absolute
        right 20px
        top -3px
        font-size 14px
        .dataSource
            margin-right 15px

    .user
        z-index 20
        text-align right
        margin-right 360px
        line-height 72px
        li
            font-size 18px
            padding 0 10px
            display inline-block
            padding-right 10px

    #sub
        height: 60px
        width: 100%
        background-color: #455370
        position: absolute
        z-index: 10

    #trapezium
        position: absolute
        top: 0
        width: 810px
        border-top: 70px solid #0B194A
        border-right: 30px solid transparent
        z-index: 10

    #top
        height: 10px
        top: 0px
        position: absolute
        width: 100%
        background-color: #0B194A
        z-index: 10

</style>
